Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] - 마이페이지 좋아요 탭 및 검색 창 국가 탭 기능 구현 #556

Merged
merged 8 commits into from
Oct 22, 2024

Conversation

simorimi
Copy link
Contributor

✅ 작업 내용

  • 마이페이지 좋아요 탭 기능 구현
  • 검색 창 국가 탭 기능 구현

📸 스크린샷

스크린샷 2024-10-21 오후 7 03 18 스크린샷 2024-10-21 오후 7 03 43

🙈 참고 사항

현재 검색 창에서 존재하지 않는 국가를 검색하고 국가 탭을 누르면 오류를 던지는 상황이 발생합니다. 이를 백엔드 측과 논의한 끝에 다른 탭과 동일하게 없는 경우에도 그대로 없는 데이터를 던지도록 상호 합의 하였습니다 그래서 작동시 오류가 뜰 수 있는 점 감안해주시면 감사하겠습니다

@simorimi simorimi added the FE label Oct 21, 2024
@simorimi simorimi added this to the sprint 6 milestone Oct 21, 2024
@simorimi simorimi self-assigned this Oct 21, 2024
Copy link

Test Results

11 tests   11 ✅  14s ⏱️
 2 suites   0 💤
 1 files     0 ❌

Results for commit 9c38e9c.

Copy link
Contributor

@jinyoung234 jinyoung234 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

모두 확인 완료했습니다!

  • 각 탭 마다 이모지 있는게 너무 꽉꽉 차보여서 오히려 없는게 더 깔끔하다고 생각해요. (리버도 같은 생각)

정도만 체크해주시면 될 거 같아요!!

작업 하신다고 고생 많으셨어요 :)

export const BoxButton = styled.button`
display: flex;
gap: ${(props) => props.theme.spacing.m};
justify-content: flex-start;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

요 녀석도 없어도 동일하게 동작합니다!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

justify-content의 기본값이 flex-start라서 그런거 같네요~!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

삭제했습니다!

@@ -26,6 +26,7 @@ export const QUERY_KEYS_MAP = {
selectedSortingOption,
selectedTravelPeriodOption,
],
likes: () => [...QUERY_KEYS_MAP.travelogue.all, "likes"],
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 친구는 메서드로 만든 이유가 있을까요? 제가 보기엔 값으로 만들어도 충분하다는 생각이어서요!

Copy link
Contributor Author

@simorimi simorimi Oct 22, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

다른 부분들이 이러한 방식으로 구성되어 있어서 일관성을 위해서 해당 방식을 적용했습니다

@@ -44,6 +44,15 @@ export interface MyTravelogue {
createdAt: string;
}

export interface MyLikes {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여행기에 대한 타입인데, MyLikes라는 네이밍이 살짝 어색한 감이 있다고 생각하는데 시모는 어떻게 생각하실까요?!

Like 정도로만 해도 충분하다는 생각에 제안드려봅니다!

Copy link
Contributor

@0jenn0 0jenn0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

시모 깔끔하게 잘 구현해주셨네요!
고생하셨습니다 👍

export const BoxButton = styled.button`
display: flex;
gap: ${(props) => props.theme.spacing.m};
justify-content: flex-start;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

justify-content의 기본값이 flex-start라서 그런거 같네요~!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

분리 좋네요! 👍

@simorimi simorimi merged commit 4a34949 into develop/fe Oct 22, 2024
3 checks passed
@simorimi simorimi deleted the feature/fe/#536 branch November 21, 2024 16:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

3 participants